@charset "utf-8";
.fl{ float: left;}
.fr{ float: right;}
.wl{ width: 100%; margin: 0 auto; overflow: hidden;}
.wp{ padding:0 6%;}
@font-face {
 font-family: 'TencentSansw7';
 src: url('../font/TencentSans-W7.eot');
 src:
   url('../font/TencentSans-W7.eot?#font-spider') format('embedded-opentype'),
   url('../font/TencentSans-W7.woff') format('woff'),
   url('../font/TencentSans-W7.ttf') format('truetype'),
   url('../font/TencentSans-W7.svg') format('svg');
}
/*header*/
.header{ height: 80px;}
.headerWidth{ width:100%; margin: 0 auto;}
.logo{ width: 200px; height: 80px;}
.logo a{ display:block; width: 200px; height: 80px;text-indent: -999em; background: url(../images/logo.png) no-repeat center; background-size: 70%; }
.menuBox{ width: 1060px;  height: 80px;}
.menu{float:right;}
.menu ul li{ width: 120px; float: left; position: relative;}
.menu h3{float: left;font-size: 100%;height: 80px;overflow: hidden;}
.menu h3 a{display: block;padding: 0 20px; height: 80px; line-height: 80px;font-size: 16px;}
.menu h3 a.on{background: #fff;color: #006cb6;}
.menu .sub{display: none;width: 280px;position: absolute;left: 0;top: 76px;z-index: 9999;background: #fff;border-top: 3px solid #006cb6;}
.menu .sub li{width: 253px;line-height: 50px;}
.menu .sub li a{display: block;padding-left: 25px;width: 253px;line-height: 50px;border: 1px solid #e5e5e5;border-top:none 0;font-size: 16px;color: #666;background-color: #fff;}
.menu .sub li a:hover{color: #006cb6;}

.subl{ float: right; padding: 30px 0 0;margin: 0 0 0 20px; position: relative; height: 50px;}
.language{ width: 130px; float: left;}
.search{ float: left; width: 20px; height: 20px;background: url(../images/search.png) no-repeat 50% center; cursor: pointer;}
.subl .searchBox{ width: 400px; background:rgba(0,0,0,0.2); padding: 20px; position: absolute; right: 0; top:80px; z-index: 999; }
.searchBox input.tex{ border-bottom: 1px solid #e5e5e5; height: 40px; width: 300px; padding: 0 5px; float: left;}
.searchBox input.search-btn{height: 40px;  width: 80px; cursor: pointer; background: #006cb6; color: #fff; font-size: 15px; border: none; float: left; margin-left: 6px;}
/*banner
.banner{ height: 490px; background: #006cb6;}
.bannerBox{position: relative;width: 100%;height: 490px;overflow: hidden;}
.bannerBox .pic img{width:1920px;height: 490px;display: block; margin: 0 auto;}
.bannerBox .hd{overflow: hidden;zoom: 1;position: absolute;bottom: 20px;left:50%;z-index: 3}
.bannerBox .hd li{float: left;line-height: 15px;text-align: center;font-size: 12px;width: 10px;height: 10px;cursor: pointer; border-radius: 10px;overflow: hidden;background: #919191;margin-left: 4px;filter: alpha(opacity=80);opacity: .8;-webkit-transition: All .5s ease;-moz-transition: All .5s ease;-o-transition: All .5s ease}
.bannerBox .hd .on{background: #fff;filter: alpha(opacity=100);opacity: 1;width: 25px;}
.bannerBox .prev,.bannerBox .next{width: 37px; height: 37px;position: absolute;top:50%;z-index:9999;-webkit-transition: All .5s ease;-moz-transition: All .5s ease;-o-transition: All .5s ease}
.bannerBox .prev{background-image: url(../images/prev.png); left:20px}
.bannerBox .next{background-image: url(../images/next.png); right: 20px}
.bannerBox .prev:hover,.focusBox .next:hover{filter: alpha(opacity=60);-moz-opacity: .6;opacity: .6}
.pic li{ height: 490px;}
.b01{ background: url(../images/a01.jpg) no-repeat center top;}
.b02{ background: url(../images/a04.jpg) no-repeat center top;}
.b03{ background: url(../images/a02.jpg) no-repeat center top;}
*/
/*banner 响应式*/
#slider{width: 100%;height: auto;margin: 0 auto;margin-top: 0px;}
#slider .controls li{top: 45%;margin-top: -20px;opacity:.8;padding: 0px 15px;border-radius:10px;}
#slider .controls li:nth-child(1){left: 20px;}
#slider .controls li:nth-child(2){right: 20px;}
#slider .controls li:hover{opacity:.5;}
#slider .pagination li{background-color: #ddd;}
#slider .pagination li.active{background-color: #007eff;}
#slider .responsive{width: 100%;height: auto;}

/*numCount*/
.numCount{ background: #fff; box-shadow: 0 0 20px #e5e5e5; overflow: hidden; padding: 30px 0;}
.numCount li{ float: left; width: 25%; text-align: center;}
.numCount li .item{ margin: 0 10px; border-right: 1px solid #e5e5e5;}
.numCount li:last-child .item{ border:none;}
.numCount li .numU{ line-height:1.3;}
.numCount li .numCX{ font-size:46px; color:#000; font-weight: bold;}
.numCount li .numU .unitC{font-size:100%; line-height: 1.3; margin-left: 0.3em;}
.numCount li .numU sup{vertical-align: top;}
.numCount li .numU sub{vertical-align:baseline;}

/*main*/
.mainTile{ overflow: hidden; margin:60px 0 20px;}
.mainTile h3{ font-size: 28px; height: 42px; line-height: 42px;}
.mainTile span{ color: #999; font-family: Arial, Helvetica, sans-serif;}
.mainTile .more{ float: right; width: 30px; height: 30px; border:1px solid #ccc;  border-radius: 50%; overflow: hidden; margin: 15px 0 0; background: url(../images/more.png) no-repeat 10px center; text-indent:-9999em;}
.mainTile .more a{ display: block;width: 30px; height: 30px; }
.mainTile em{ height: 28px; width: 1px; background: #e5e5e5; display: block; margin: 10px 0 10px 10px;}
.mainTile .newsMore{float: right; width:350px; height: 30px; }
.newsMore { padding: 20px 0 ;}
.newsMore li{ border: 1px solid #e5e5e5; border-radius: 20px; float: left; width:100px; height: 30px; line-height: 30px; margin: 0 0 0 10px;}
.newsMore li a{ display: block; text-align: center; color: #666;}
.newsMore li:hover{ border: 1px solid #006cb6; }
.newsMore li:hover a{color: #006CB6;}

.indBigImg{ width: 25%; height: 660px; background:url(../images/cybg.jpg) no-repeat top center #006cb6; background-size:cover;}
.indBigImg a{ display: block;width: 420px; height: 660px;}
.industryCont .indBigImg p{ color: #fff; font-size: 30px; line-height: 30px; font-weight:bold; }
.industryCont{ overflow: hidden; margin:0 0 60px;}
.industryCont ul{ width: 75%; overflow: hidden;}
.industryCont ul li{width: 33.333%; height: 220px; float: left; border-bottom: 1px solid #fff;}
.industryCont ul li:hover{ border-bottom: 1px solid #006CB6;}
.industryCont p{ text-align: center;font-size:20px; }
.indImg{ width: 110px; height: 110px; margin: 30px auto 10px;}
.indBigImg .indImg{margin: 150px auto 10px;}
.indImg img{ width: 100%; height: 100%;}
.industryCont ul li:nth-child(1),.industryCont ul li:nth-child(3),.industryCont ul li:nth-child(11),.industryCont ul li:nth-child(13){ background: #f2f8fb;}



.line{ height: 1px; background: #e5e5e5; }

.aboutCont{ overflow: hidden; padding: 0 0 60px;}
.aboutCont .fl{ margin-right:40px;}
.aboutContTxt{  }
.aboutContTxt p{ margin: 0 0 20px;font-size: 16px; line-height: 30px;}

.historyTop{ height: 170px; width: 100%; background: url(../images/lc.jpg) no-repeat top center; margin: 20px 0 0; padding: 100px 0;}
.historyTop h1{ color: #fff; text-align: center; font-size: 28px; line-height: 40px;}
.lcList {width: 520px; margin:90px auto 20px; position:relative;}
.lcList ul{  width: 630px; }
.lcList ul li{ width: 24px; float: left; position: relative;}
.lcList ul li i{display: block;width: 16px; height: 16px; background:none; border-radius: 50%; margin: 0 auto;}
.lcList ul li.on i { background:#fff;}
.lcList ul li em{ display: block;width: 16px; height: 16px; background: rgba(255,255,255,0.6); border-radius: 50%; margin: 0 auto; padding: 4px;}
.lcList ul li p{ color: #fff; font-size: 16px; line-height: 40px;  width: 50px; position: absolute; top:-40px; left: -6px;}
.lcList ul li.lcLine{ width: 100px; height: 2px; background: rgba(255,255,255,0.6); margin: 10px 0 0;}
.historyCont{overflow-x: scroll;border-bottom: 1px solid #d6d6d6; padding: 20px 0 40px;}
.historyCont ul{display: flex;}
.historyCont ul li { flex-shrink: 0; width: 298px; float: left; padding: 10px;}
.historyCont ul li h1{ font-family:"TencentSansw7";font-size: 26px; height: 40px; line-height: 40px; border-bottom: 1px solid #d6d6d6; padding: 10px 0;}
.historyCont ul li:hover{ color: #006CB6;}
.historyCont ul li:hover .event{color: #006CB6;}
.event{ padding: 20px 0 10px; overflow: hidden; color: #8a8a8a; line-height: 26px;}
.event em{ display: block; float: left; text-align: right; width: 36px; margin-right: 20px;}
.event b{ display: block; float: left; width: 230px; font-weight: normal;}

.newsCont{ overflow: hidden; padding: 0 0 40px;}
.newsCont ul li{ width: 50%; float: left; margin: 0 0 20px; height:162px;}
.newsCont ul li:hover{ background: #006CB6;}
.newsCont ul li:hover a h2,.newsCont ul li:hover a p,.newsCont ul li:hover .newsTime{ color: #fff;}
.newsList {padding: 30px;}
.newsCont ul li .newsTime{ float: left; width: 60px; font-family: Arial, Helvetica, sans-serif; padding: 0 20px; margin: 0 20px 0 0; font-size: 16px;}
.newsCont ul li .newsTime em{ display: block; font-size: 55px; border-bottom: 1px solid #ccc; font-weight: bold; font-style: normal; line-height: 60px; margin: 0 0 6px;text-align: center;}
.newsCont ul li a{ display: block;}
.newsCont ul li a h2{ font-size: 20px; height: 40px; line-height: 40px; margin: 0 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newsCont ul li a p{ color: #8d8d8d; line-height: 26px;}

.zpCont{ background: url(../images/zp.jpg) no-repeat center #0262ac; width: 100%; height:70px ; padding: 35px 0;}
.zpicon{ background: url(../images/zp02.png); width: 69px; height: 69px;  float: left; margin:  0 20px 0 0;}
.zpCont p{ width: 600px; color: #fff; font-size:28px ; line-height: 36px; float: left;}
.zpCont p em{ display: block;font-size:28px ; font-style: normal;}
.zpCont span{ float: right; display:block; width: 200px;}
.zpCont span a{ color: #fff; font-size: 16px; line-height: 80px;}
.zpCont span a:hover{ text-decoration: underline;}

.footer{ background: #f7f7f7;}
.bottom{ background: #fff; color: #a3a3a3; height: 40px; line-height: 40px; font-size: 13px;}
.bottom span{ float: right; font-size: 13px;}
.bottom a{color: #a3a3a3; right; font-size: 13px;}
.bottom a:hover{ color: #006cb6;}
.footerInfo{ padding: 50px 0;}
.flt,.fmt,.frt{ float: left;}
.fLogo{ width: 200px; height: 80px;}
.flt span{ display: block; padding: 30px 0;color: #a3a3a3;}
.flt  p{ line-height: 26px;}
.flt{ width: 260px; border-right: 1px solid #e5e5e5; margin: 0 0px 0 0;}
.fmd dl{ float: left; width: 9.2%; text-align: center;}
.fmd dl dt{ height: 30px; line-height: 30px; padding:0 0 20px;}
.fmd dl dd{ height: 24px; line-height: 24px;}
.fmd dl:nth-child(2){ display:none;}
.fmd dl dd a{ color: #999;}
.fmd dl dd a:hover{ color: #333;}

.fmd dl:last-of-type {width: 32%;margin-left:20px;}  
.fmd dl:last-of-type dt{text-align: left;}
.fmd dl:last-of-type dd{width: 50%;display: inline-block;float: left;text-align: left; font-size:13px;}  


.frt .QR{ float: left; margin: 0 5px;  text-align: center;color: #999;font-size: 13px;}
.frt .QR div{ background: #fff; padding: 10px; width: 88px; height: 88px;}
.frt .QR div img{ width: 88px; height: 88px;}


/*subMenu*/
.subMenu{height: 75px; background: #fff;border-bottom: 1px solid #e5e5e5; width: 100%;}
.subMenu ul li{ float: left;margin-right: 23px;font-size: 16px;line-height: 74px;}
.subMenu ul li a{ padding: 0 18px; font-size: 16px; color: #666;}
.subMenu ul li.on,.subMenu ul li:hover{ border-bottom: 2px solid #006CB6;}
.subMenu ul li.on a{color: #006CB6;}

.inbanner{ background: #e5e5e5; height: 400px; }
.header_mini{ position: fixed; top: 0;z-index: 99999;}

/*公司*/
.contBox{ padding: 60px 0 80px; min-height: 600px; }
.contBox .content .f45{font-size: 45px;color: #0060a3;line-height: 25px;margin-bottom: 10px;padding: 0;}
.contBox .content .f35{font-size: 35px;line-height: 40px;color: #dddddd;padding: 0;font-family: Arial;text-transform: uppercase;font-weight: bold;}
.content{ color: #333;font-size: 15px;}
.content p{ padding: 10px 0; line-height: 30px;font-size: 15px;}
.conImg{ width: 55%; height:auto; float: left; margin: 50px 40px 20px 0;overflow: hidden;}
.conImg img{ width: 100%; height: 100%; transform: scale(1.0); transition: all 0.5s ease;}
.conImg img:hover{transform: scale(1.2);transition: all 0.5s ease;}
.content .contul{}
.content .contul li{font-size: 15px; border: 1px dashed #e5e5e5; padding: 10px 5px; text-align: center; float: left; width: 18%; margin: 0 12px 0 0; color: #006CB6; font-size: 15px;}

.industryBox{ clear: both; overflow: hidden;font-size: 15px;}
.industryImg{ width: 680px; height: 460px; float: left; margin: 20px 40px 20px 0;overflow: hidden;}
.industryImg img{ width: 100%; height: 100%; transform: scale(1.0); transition: all 0.5s ease;}
.industryImg img:hover{transform: scale(1.2);transition: all 0.5s ease;}
.industryInfo{ float: right; width: 540px; padding: 60px 0 40px }
.industryInfo h2{ font-size: 24px; line-height: 40px; padding: 20px 0; }
.industryInfo ul{ overflow: hidden; padding: 0 0 20px;border-bottom: 1px solid #e5e5e5;}
.industryInfo ul li{ margin: 0 0 10px;}
.industryInfo ul li span{ color: #999;}
.indTab{ display: table;width: 80%;}
.indTab div{ display: table-cell; width: 50%; padding: 40px 0;}
.indTab div p{ font-size: 30px; font-weight: bold; font-family: arial; padding: 0; color: #666;}
.indTab div span{ color: #999;}

/*news*/
.newsListBox{ background: #f7f7f7; padding: 60px 0 0;}
.recommendLt{ width: 49%; min-height: 480px; background: #ccc; float: left;}
.recommendRt{ width: 48%; float: right;}
.recommendRt .newsCont ul li{ float: none; width: 100%;}
.newsAllList{ clear: both; padding: 20px 0;}
.newsAllList ul li{ border: 1px solid #e5e5e5; float: left;position: static !important;
width: 22%;margin:0 2.66% 30px 0; height:412px;}
.newsAllList ul li a{ display:block; padding:20px;}
.newsAllList ul li:nth-child(4n){ margin-right:0}
.newsAllList ul li h2{ font-size: 18px; margin: 0 0 10px; line-height: 25px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newsAllList ul li span{ color: #999;}
.newsAllList ul li p{ color: #999; line-height: 25px;min-height: 50px;}
.newsIMg { width: 100%; height: 200px; overflow: hidden; margin: 20px 0;}
.newsIMg img{ width: 100%; height:100%; transform: scale(1.0); transition: all 0.5s ease;}
.newsAllList ul li:hover .newsIMg img{transform: scale(1.2); transition: all 0.5s ease;}
.newsAllList ul li:hover{ background: #006CB6;}
.newsAllList ul li:hover a{ color: #fff;}
.newsAllList ul li:hover span,.newsAllList ul li:hover p{ color: #fff; opacity: 0.6;}

.newsInfo{ width:70%; float: left;}
.hotList{ width: 28%; float: right; }
.newsTitle{ font-size: 20px; line-height: 30px; padding: 10px 0 20px;}
.subTime{ padding: 5px; background: #f5f5f5; font-size: 13px;}
.newsTxt{ color: #666; padding: 20px 0 40px;}
.newsTxt p{ padding: 10px 0; line-height: 30px;}
.newsTxt img{margin:5px 10px;height:auto;max-width: 95%;height: auto!important;}
.hotTt{ background: #006CB6; height: 60px; color: #fff; font-size: 18px;line-height: 60px; padding: 0 0 0 20px;}
.hotList ul{ border-left: 1px solid #e5e5e5; padding: 10px; margin: 10px;}
.hotList ul li{ position: relative; margin: 10px 0 20px; padding-left: 10px;}
.hotList ul li em{ display:block; width: 10px; height: 10px; border-radius: 50%; position: absolute; background: #006CB6; left: -15px; top: 5px;}
.hotList ul li span{ color: #999;}
.hotList ul li p{line-height: 26px;}
.hotList ul li a:hover{ color: #006CB6;}

.newsbtn{ padding: 30px 10px; overflow: hidden; background: #e5e5e5;}
.nLt,.nRt{ width:40%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.nLt{ float: left;}
.nRt{ float: right;}
.newsbtn a{ color: #666;}
.newsbtn a:hover{ text-decoration: underline;}
/*人才*/
.rementBox{}
.rementBox ul li{margin: 0 0 40px; overflow: hidden; padding: 10px; position: relative;}
.rementBox ul li:nth-child(even){ background: #f7f7f7;}
.rementBox ul li:hover{ border-bottom: 1px solid #006CB6;}
.remLt{ float: left; width: 300px; padding: 10px;}
.remRt{ float: left; width: 800px; padding: 10px 10px 10px 100px; border-left: 1px dashed #e5e5e5;}
.remLt h2{ font-size: 20px; line-height: 40px; padding: 20px 0;}
.remLt p{ padding: 0; color: #666;}
.remLt p span{color: #999;}
.remRt h3{ font-size: 18px; line-height: 30px; position: relative; padding-left: 15px; margin: 0 0 20px;}
.remRt h3 em{ display: block; width: 6px; height: 6px; background: #006CB6; position: absolute; bottom: 6px; left: 0;}
.remRt p{ padding: 0; font-size: 14px; color: #666;}
.rementBox ul li .remore{ width: 100px; height: 40px; background: #006CB6; position:absolute; right: -100px; bottom:20px;transition:all 300ms;-webkit-transition:all 600ms;-moz-transition:all 600ms;-o-transition:all 600ms; }
.rementBox ul li .remore a{ display: block; color: #fff; line-height: 40px; text-align: center;}
.rementBox ul li .remoreshow{ right: 20px;}

.focusBox{position: relative;width:100%;height: 527px;overflow: hidden;font: 12px/1.5 Verdana, Geneva, sans-serif;text-align: left;background: white;}
.focusBox .pic img{width: 820px;height: 527px;display: block;}
.focusBox .txt-bg{position: absolute;bottom: 0;z-index: 1;height: 40px;width: 100%;background: #333;filter: alpha(opacity=40);opacity: 0.4;overflow: hidden;}
.focusBox .txt{position: absolute;bottom: 0;z-index: 2;height: 40px;width: 100%;overflow: hidden;}
.focusBox .txt li{height: 40px;line-height: 40px;position: absolute;bottom: -40px;}
.focusBox .txt li a{display: block;color: white;padding: 0 0 0 10px;text-decoration: none;}
.focusBox .num{position: absolute;z-index: 3;bottom: 8px;right: 8px;}
.focusBox .num li{float: left;position: relative;width: 18px;height: 15px;line-height: 15px;overflow: hidden;text-align: center;margin-right: 1px;cursor: pointer;}
.focusBox .num li a,.focusBox .num li span{position: absolute;z-index: 2;display: block;color: white;width: 100%;height: 100%;top: 0;left: 0;text-decoration: none;}
.focusBox .num li span{z-index: 1;background: black;filter: alpha(opacity=50);opacity: 0.5;}
.focusBox .num li.on a,.focusBox .num a:hover{background: #f60;}
.picbtn{ position: relative;}
.picbtn .prev,.picbtn .next{ width: 40px; height: 60px; background: #000; position: absolute; top: 240px; z-index: 99; cursor: pointer;filter: alpha(opacity=60);-moz-opacity: .6;opacity: .6}
.picbtn .next{right: 0;}

/*pages*/
.pages{padding:40px 0; overflow: hidden; clear: both;}
.pages li{float: left;}
.pages a{padding:6px 12px;border:1px solid #d7d7d7;display: inline-block;text-align: center; margin:0 4px;}
.pages span{color: #666;padding:6px 12px;display: inline-block;text-align: center; margin:0 4px;}
.pages a:hover,.pages li.active a{background: #006CB6;color:#fff;}
.pages li.jump{display: inline-block;text-align: center;margin: 0 4px;}
.pages li.jump input{border: 1px solid #d7d7d7; padding: 6px 12px; margin: 0 5px; max-width: 20px;}



/*■■■■■■■■　详情页样式  ■■■■■■■■*/
/*news show*/
.maincont{width: 100%;height: auto;padding: 15px 0px 12px 0px;margin: 0 auto;min-height: 450px;text-align: left;}
.maincont h1{font-size:25px;line-height:35px;padding:10px 0 10px;text-align:center;font-weight:normal}
.maincont .subhead{margin:0 0 12px;font-size:14px;text-align:center;}
.maincont #longtitle{margin:0 0 12px;font-size:14px;text-align:center;}
.maincont .explain{padding:8px 0 6px;line-height:30px;font-family:"宋体";font-size:14px;color:#898989;text-align:center;}
.maincont .explain em{font-family:'Lucida Sans Unicode', Tahoma, Helvetica, Arial, sans-serif;color:#666666;}

.maincont .font_s {text-align: right;line-height: 30px;}
.maincont .font_s a {color: #0273cf;font-size: 14px}
.maincont .font_s img {margin-top: 8px;margin-right: 5px;}

.Big, .Middle, .Small, .Print, .Close, .Favorite{cursor:pointer;}
.maincont .Zoom{border-top:1px solid #E0E0E0;padding:20px 25px;margin:10px auto; *padding-bottom:15px;line-height:35px;font-size:15px;overflow-x:auto;overflow-y:hidden;}
.maincont .Zoom p{margin:15px 0 0;}
.maincont .Zoom img{margin:5px 10px;height:auto;max-width: 95%;height: auto!important;}
.maincont .Zoom p.player{margin:0 0 10px;text-align:center;}
.maincont .Zoom a{color:#333;text-decoration:none;}
.maincont .Zoom a:hover{color:#f60;text-decoration:none;}
.maincont .editor{margin:10px 15px;font-weight:bold;font-size:14px;text-align:right;}

/*table*/
.maincont .Zoom table{width:100%;max-width:95%;border-collapse:collapse;border-spacing:0;border-right:1px solid #ddd;border-bottom:1px solid #ddd; margin: 0 auto}
.maincont .Zoom table th{border-bottom:2px solid #ddd;vertical-align:bottom;padding:5px;text-align:left;}
.maincont .Zoom table td{border-top:1px solid #ddd;border-left:1px solid #ddd;padding:5px;/*! vertical-align:center; *//*! line-height: 30px; */}
.maincont .Zoom table tr:nth-child(odd){background: #E6E7E8;}

/*标签*/
.maincont .label{line-height:30px;font-size:15px;padding-left: 40px;}
.maincont .label a{color:#333;}
.maincont .label a:hover{color:#f60;}

/*上一篇*/

/*product show*/
/*zutu*/
.group_picture{width:400px;}
.thumbpic{margin:30px auto;width:350px;}
#piclist{width:300px;float:left;overflow:hidden;height:86px;position:relative;}
#piclist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#piclist ul li{float:left;cursor:pointer;position:relative;background:url(../images/pictures/ico_none.gif) no-repeat center top;height:86px;}
#piclist ul li img{height:58px;width:78px;margin:0 8px;padding:3px;}
#piclist .hover{background:url(../images/pictures/ico_bg.gif) no-repeat center top;height:64px;}
#piclist ul li tt{background:#000;color:#FFF;position:absolute;z-index:20; font-family:arial;font-size:12px;line-height:16px;padding:0 5px;margin:45px 0 0 -85px;}
.thumbpic a.bntprev{float:left;width:20px;height:64px;display:block;outline:none;background:url(../images/pictures/ico_left.gif) no-repeat center;}
.thumbpic a.bntnext{float:left;width:20px;height:64px;display:block;outline:none;background:url(../images/pictures/ico_right.gif) no-repeat center;}
#originalpic{position:relative;overflow:hidden;zoom:1;height:100%;clear:both;text-align:center;outline: 0;border: 1px solid #dfdfdf;/*! box-shadow: 0 0 10px #bfbfbf; *//*! margin: 10px 20px; */width: 400px;}
#originalpic ul{list-style:none;max-width: 100%;margin: 0 auto;}
#originalpic li{display:none;position:relative;max-width:100%;}
#originalpic li img{margin:15px 0;max-width:400px;}
#originalpic li div{text-align:left;line-height:24px;color:#444;}
#aPrev{position:absolute;z-index:10;left:0;top:0;display:block;width:50%;height:100%;background:url(../images/pictures/blank.gif);}
#aNext{position:absolute;z-index:10;right:0;top:0;display:block;width:50%;height:100%;background:url(../images/pictures/blank.gif);}

.group_info{width:400px;line-height:2;}
.group_info h1{border-bottom:1px dashed #ddd;font-size:18px;color:#004097;padding:0 0 10px 0;font-weight:700;margin-top:20px;margin-bottom:12px;line-height:1.5;}
.group_info strong{color:#ea3516;font-size:24px}
.group_info .but {
    background: -webkit-linear-gradient(bottom, #ea3516, #f0592d);
    background: -moz-linear-gradient(bottom, #ea3516, #f0592d);
    background: -o-linear-gradient(bottom, #ea3516, #f0592d);
    background: linear-gradient(bottom, #ea3516, #f0592d);
    box-shadow: 0 0 1px #ff0;
    border-radius: 3px;
    color: #fff;
    display: block;
    overflow: hidden;
    width: 120px;
    line-height: 40px;
    text-align: center
}
.group_info .but:hover {
    background: -webkit-linear-gradient(right, #ea3516, #f0592d);
    background: -moz-linear-gradient(right, #ea3516, #f0592d);
    background: -o-linear-gradient(right, #ea3516, #f0592d);
    background: linear-gradient(right, #ea3516, #f0592d)
}
.Zoom_tit{border-bottom:1px solid #eee;position:relative;padding-bottom:12px;margin-bottom:15px;}
.Zoom_tit h3{font-size:20px;color:#333;}
.Zoom_tit s{width:80px;height:3px;display:block;position:absolute;left:0;bottom:-2px;background:#004097;}
.maincont .Zoom_part{border-top: 0;}

/*team show*/ 
.team_info_l{width: 479px;height: auto;float: left;background: #fff;padding:20px 0px 10px 0px;overflow: hidden;}
.t_l_pic{width: 450px;height: auto;overflow: hidden;}
.t_l_pic img{width: 100%;height:100%;}
.t_l_a{width: 100%;height: 80px;overflow: hidden;line-height: 80px;font-size: 25px;/*! font-weight: bold; */color: #333333;margin-top: 20px;}
.t_l_b{width: 100%;height: 24px;overflow: hidden;line-height: 24px;font-size: 14px;color: #313131;margin-bottom: 15px;}
.t_l_b_b2 a{color: #787878;margin-right: 19px;padding-left: 24px;}
.t_l_b_b2 a:hover{color: #000;}
.t_l_b_b2 .fa{}
.t_l_c{border-top: 1px solid #E5E5E5;height: auto;line-height: 50px;font-size: 14px;color: #787878;}

.team_info_r{float: right;width: 680px;height: auto;}
.team_r_li{width: 100%;height: auto;overflow: hidden;}
.team_r_li .t_r_t{height: 26px;line-height: 26px;position: relative;font-size: 20px;font-weight: bold;color: #000000;display: block;}
.team_r_li .t_r_t:before{content: '';position: absolute;top: 13px;right: 0;height: 1px;background: #DEDEDE;width: 580px;}
.team_r_li .t_r_con{font-size: 16px;color: #666666;line-height: 30px;padding:17px 0 40px 0;overflow: hidden;display: block;}

/*job*/
.sub_job_show{width: 100%;}
.sub_job_show table{width: 100%; color: #6d6d6d;max-width: 100%;}
.sub_job_show table td{padding: 10px 0; border: 1px solid #dcdcdc;}
.sub_job_show table .j_s_t{text-align: right; width: 10%; padding-right: 20px;}
.sub_job_show table .j_s_d{text-align: left; width: 35%; padding-left: 20px;}

/*相关产品*/
.rcrd_img{/*! font-size:14px; *//*! background:#f6f6f6; *//*! padding: 0px 10px; *//*! text-align: left; */width: 100%;overflow: hidden;}
.rcrd_img b{display:block;line-height:40px;overflow:hidden;color:#004097;text-indent: 10px;background: #E5E5E5;}
.rcrd_img dl{width:182px;float:left;text-align:center;margin: 20px 10px 0px 20px;display:inline;position: relative;}
.rcrd_img dl dt{width:100%;height:160px;overflow: hidden;}
.rcrd_img dl dt img{width: 100%;height: 160px;transition: all 1s ease-out 0s;}
.rcrd_img dl dt:hover img {
    transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    -webkit-transform:scale(1.12);
    -moz-transform:scale(1.12);
    -o-transform:scale(1.12);
    -m-transform:scale(1.12);
    transform:scale(1.12);
}
.rcrd_img dl dt a{display:block;}
.rcrd_img dl dd{line-height:40px;height:40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.group_img dl{width: 150px;margin:10px 12px 0px 15px;}

/*相关新闻*/
.rcrd_text{width:100%;overflow:hidden;/*! text-align:left; *//*! margin: 0 auto; */}
.rcrd_text b{display:block;line-height:40px;overflow:hidden;color:#004097;text-indent: 10px;background: #E5E5E5;}
.rcrd_text ul{max-height: 210px;overflow: hidden;}
.rcrd_text li{border-bottom:1px #cacaca dashed;padding:0 0 0 20px;line-height:40px;height:40px;overflow:hidden;background:url(../images/jiantou.gif) 5px center no-repeat;text-align:left;float:left;width:46.3%;margin:0 30px 0 0px}
.rcrd_text li:nth-of-type(2n+0){margin-right:0;}   /*2 的倍数*/
.rcrd_text li a{color:#666}
.rcrd_text li span{float:right;color:#666}
.group_list li{width:96.3%;}

/*tags*/
.tags_list{line-height: 35px;}
.tags_list a{margin: 0px 10px 0 5px;text-decoration: none !important;}

/**/
.indBigImg .indImg{background: url(../images/icon01.png) no-repeat;}
.ptlist li:nth-child(1) .indImg{ background: url(../images/icon02.png) no-repeat;}
.ptlist li:nth-child(2) .indImg{ background: url(../images/icon06.png) no-repeat;}
.ptlist li:nth-child(3) .indImg{ background: url(../images/icon04.png) no-repeat;}
.ptlist li:nth-child(4) .indImg{ background: url(../images/icon08.png) no-repeat;}
.ptlist li:nth-child(10) .indImg{ background: url(../images/icon03.png) no-repeat;}
.ptlist li:nth-child(11) .indImg{ background: url(../images/icon05.png) no-repeat;}
/*.ptlist li:nth-child(12) .indImg{ background: url(../images/icon07.png) no-repeat;}*/
.ptlist li:nth-child(12) .indImg{ background: url(../images/icon09.png) no-repeat;}


/*企业文化*/
.culture1 {
  margin-top: 55px;
}
.culture1 img {
  width: 100%;
  display: block;
}
.culture1 .words, .culture1 .images {
  width: 50%;
}
.culture1 .items {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.culture1 .words {
  position: absolute;
  height: 100%;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  padding: 70px;
  box-sizing: border-box;
  background: #ffffff;
}
.culture1 .words .t0 {
  font-size: 36px;
  color: #0060a3;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  margin-bottom: 45px;
}
.culture1 .words .wbox {
  height: 100%;
}
.culture1 .words .wul .i {
  float: left;
  margin: 0 25px;
  font-size: 16px;
}
.culture1 .words .wul .i span {
  font-weight: bold;
  color: #0060a3;
}
.culture1 .words .wul .i:nth-child(1) {
  margin-left: 0;
}
.culture1 .words .p {
  height: calc(100% - 115px);
}
.culture1 .words.fr {
  right: 0;
  top: 0;
}
.culture1 .words.fl {
  left: 0;
  top: 0;
}
.culture1 .words,.culture1 .images {
    width: 50%;
}
.culture1 .images{
  overflow:hidden;
}
.culture1 .images img{
  transition: .5s ease-in-out;
}
.culture1 .items:hover .images img{
  transition:.5s ease-in-out;
  transform:scale3d(1.05,1.05,1);
}


/**********发展历程**********/
.course-wrap .course-list li{
	font-size: 16px;
	color:#333333;
	line-height: 25px;
	width: 300px;
	/*padding-top: 11px;*/
	position: relative;
	top: 11px;
	padding-left: 18px;
	padding-top:90px;
	box-sizing: border-box;
	float: left;
}
.course-wrap .course-list li:hover:before{
	background:#0060a3;
	transition:.5s ease-in-out;
}
.course-wrap .course-list li:before{
	height: 105px;
	position: absolute;transition:.5s ease-in-out;
	content:"";
	width: 1px;
	left:0;
	top:0;
	background:#dddddd;
}
.course-wrap .course-list li:hover .g0:after{
	transition:.5s ease-in-out;
	background:#0060a3;

}
.course-wrap .course-list li .g0{
	font-size: 20px;
	font-family: "beba";
	color:#0060a3;
	position: relative;
	margin-bottom: 15px;transition:.5s ease-in-out;

}
.course-wrap .course-list li:hover .g0{
	font-size: 35px;transition:.5s ease-in-out;
}

.course-wrap .course-list li .g0:after{
	position: absolute;
	height: 10px;
	width: 10px;
	border: 2px solid #0060a3;
	content:"";
	left: -23px;
	top:15px;transition:.5s ease-in-out;
	bottom:0;
	margin: auto;
	box-sizing: border-box;
	border-radius: 50%;
}
.course-wrap{
	/*! overflow:hidden; */
}
.course-wrap .course-list {
    background: url("../images/bg_12.png") repeat-x left center;
}
.course-wrap .course-list .prev{
	left: 2.5%;
}
.course-wrap .course-list .next{
	right: 2.5%;
}
.course-wrap .course-list li.odd{
	padding-top: 0;
	top: -30px;
}
.course-wrap .course-list li.odd:before{
	top:30px;
	
	height: 100%;
}
.course-wrap .course-list .ovh{
	overflow:visible;
}
.course-wrap .course-list li .p p{
	position: relative;
	padding-left: 10px;
	box-sizing: border-box;
}
.course-wrap .course-list li .p p:after{
	content:"";
	position: absolute;
	width:5px;
	height: 5px;
	border-radius: 50%;
	background:#0060a3;
    left: 0;
    top: 25px;
}
.course-wrap .course-list .butn{
	margin-top: -16px;
}
.course-wrap .course-list{
	    /*! background: url(../img/bg_12.png) repeat-x left center; */
}
.course-wrap .course-list .ovh{
	width: 87%;
	margin:0 auto;
    background: transparent;

}
.course-wrap .course-list .butn{
	z-index: 5;
}


.culture0-ul {
  position: relative;
  margin-top: 55px;
}
.culture0-line {
  position: absolute;
  width: 100%;
  height: 60px;
  border-bottom: 1px dashed #9c9c9c;
}
.culture0-wrap .items {
  cursor: pointer;
}
.culture0-wrap .images:hover {
  background: #0060a3;
  transition:.5s ease-in-out;
}
.culture0-wrap .images:hover .i1 {
  opacity: 1;
}
.culture2-wrap .culture2-ul .items .images{
  overflow: hidden;
}
.culture2-wrap .culture2-ul .items .images img{
  transition: .5s ease-in-out;
  display: block;
}
.culture2-wrap .culture2-ul .items:hover .images img{
  transform:scale3d(1.05,1.05,1);
  transition: .5s ease-in-out;
}
.culture1-wrap .culture1-ul .images{
  overflow:hidden;
}
.culture1-wrap .culture1-ul .images img{
  transition: .5s ease-in-out;
}
.culture1-wrap .culture1-ul .items:hover .images img{
  transition:.5s ease-in-out;
  transform:scale3d(1.05,1.05,1);
}
.culture0-wrap .images:hover .i0 {
  opacity: 0;
}
.culture0-wrap .images:hover img {
  transition: .5s ease-in-out;
}
.culture0-wrap .images {
  width: 120px;
  height: 120px;
  transition:.5s ease-in-out;
  position: relative;
  background: #f7f7f7;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.culture0-wrap .images img {
  transition: .5s ease-in-out;
}
.culture0-wrap .images .i1 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.culture0-wrap .words {
  text-align: center;
  margin-top: 38px;
}
.culture0-wrap .words .h0 {
  color: #333333;
  font-size: 20px;
  line-height: 24px;
  height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.culture0-wrap .words .h1 {
  font-size: 15px;
  line-height: 24px;
  /*! height: 40px; */
  margin-top: 10px;
  color: #999999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /*! -webkit-line-clamp: 2; */
  /*! overflow: hidden; */
}
.swiper-wrapper {
    position: relative;
    width: 1500px;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
margin:0 auto;
}
 .swiper-slide {
    position: static;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 20%;
    height: 100%;
    position: relative;
}
.course-wrap{
	/*! padding-top: 32px; */
	padding-bottom: 40px;
	transition: normal;
	padding:0 10px;
}
.course-wrap.m-wrap{
	padding-top: 15px;
	position: relative;
}
.course-wrap p.f48{
	font-size: 42px;
	line-height: 50px;
	color: #035cac;
}
.course-wrap.m-wrap p.f48{
	font-size: 20px;
	line-height: 34px;
}
.course-wrap span.f14{
	display: block;
	width: 100%;
	line-height: 26px;
}
.course-wrap.m-wrap span.f14{
	line-height: 22px;
}
.course-wrap .course-list{
	/*! margin-top: 30px; */
	width: 100%;
	position: relative;
}
.course-wrap.m-wrap .course-list{
	margin-top: 20px;
}
.course-wrap .course-list .ovh{
	width: 87%;
	margin: 0 auto;
	position: relative;
	/*! overflow: hidden;
	background: url(../images/bg_12.png) repeat-x left center; */
}
.course-wrap.m-wrap .course-list .ovh{
	background: none;
	width: 100%;
}
.course-wrap .course-list li{
	width: 300px;
	position: relative;
	margin-right: -93px;
}
.course-wrap.m-wrap .course-list li{
	margin-right: 0;
	margin-bottom: 20px;
	width: 100%;
}
.course-wrap .course-list .main{
	padding: 17px 20px 27px;
	background-color: #fff;
	width: 260px;
	color: #777;
}
.course-wrap .course-list .main p{
	padding-left: 18px;
	background: url(../img/ico_125.jpg) no-repeat left 9px;
}
.course-wrap.m-wrap .course-list .main{
	width: 94%;
	padding: 17px 3% 27px;
}
.course-wrap .course-list li .top{
	background: url(../img/bg_10.png) no-repeat left top;
	padding-top: 45px;
	height: 42px;
	line-height: 42px;
	font-family: "Arial";
	font-size: 18px;
	text-align: center;
}
.course-wrap.m-wrap .course-list li .top{
	padding-top: 0;
	padding-left: 3%;
	width: 97%;
	text-align: left;
	background: #e8e8e8;
}
.course-wrap .course-list li.odd{
	margin-top: 0;
}
.course-wrap.m-wrap .course-list li.odd{
	position: relative;
}
.course-wrap .course-list li.odd .top{
	background: url(../img/bg_11.png) no-repeat left bottom;
	padding-bottom: 45px;
	padding-top: 0;
}
.course-wrap.m-wrap .course-list li.odd .top{
	padding-bottom: 0;
	background: #e8e8e8;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.course-wrap.m-wrap .course-list li.odd .main{
	margin-top: 42px;
}
.course-wrap .course-list .butn{
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	cursor: pointer;
}
.course-wrap.m-wrap .course-list .butn{
	display: none;
}
.course-wrap .course-list .prev{
	background: url(../images/ico_40.png) no-repeat center top;
	left: 2.5%;
}
.course-wrap .course-list .next{
	background: url(../images/ico_39.png) no-repeat center top;
	right: 2.5%;
}
.course-wrap .course-list .butn:hover{
	background-position: center bottom;
}
.course-wrap .course-list li:hover .top{
	background: url(../images/bg_10.png) no-repeat right top;
	color: #fff;
}
.course-wrap.m-wrap .course-list li:hover .top,.course-wrap.m-wrap .course-list li.odd:hover .top{
	background: #e8e8e8;
	color: #666;
}
.course-wrap .course-list li.odd:hover .top{
	background: url(../images/bg_11.png) no-repeat right top;
	color: #fff;
}
/*清除浮动*/
.clear {
    clear: both;
}
.f-cb{
    zoom: 1;
}
.f-cb:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

/**********产业**********/
.ins-tit{
	/*! padding: 12px 4.7% 11px; */
	width: 90.6%;
	margin-bottom: 50px;
}
.ins-tit .f48{
	font-size: 42px;
	line-height: 50px;
	color: #035cac;
}
.twrap .ins-tit .f48{
	font-size: 40px;
	line-height: 60px;
}
.m-wrap .ins-tit .f48{
	font-size: 16px;
	line-height: 24px;
}
.ins-tit .f24{
	font-size: 18px;
	line-height: 30px;
	color: #666;
	/*! margin-top: 18px; */
}
 .listwrap ul{
	width: 100%;
	padding-bottom: 50px;
	
}
.listwrap li{
	width: 100%;
	/*margin-bottom: 60px;*/
	background-color: #fff;
	height: 500px;
	position: relative;
	overflow: hidden;
}
.listwrap li.rank-li{
	height: auto;
	margin-bottom: 0;
}
.listwrap li.rank-li:nth-child(n+2){
	margin-top: 40px;
}
 .listwrap li span{
	transition: normal;
}
.listwrap ol,.listwrap ol li{
	height: 100%;
}
.listwrap ol li{
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
	transition: normal;
	/*position: absolute;
	left: 0;
	top: 0;*/
}
.listwrap li.special-li{
	height: auto;
}
.listwrap li{
	margin-bottom: 30px;
	transition: normal;
}
.listwrap .cont{
	width: 50%;
	padding:50px;
	padding-bottom: 50px;
	border:1px solid #dddddd;
	box-sizing: border-box;
	height: 100%;
	position: absolute;
	right:0;
}
.listwrap li{
	position: relative;
}
.listwrap .cont .link-targ{
	display: inline-block;
	font-size: 16px;
    height: 40px;
    line-height: 40px;
    /*width: 200px;*/
    padding:0 60px;
    padding-right: 80px;
    text-align: center;
   	background:#0060a3;
    /*background: url("http://www.hailiang.com/static/web/css/../img/ico_123.png") no-repeat 16% center #e3e3e3;*/
    /*background: url("http://www.hailiang.com/static/web/css/../img/ico_124.png") no-repeat 98px center #025bab;*/
	color: #fff;
    margin-top: 30px;
    position: relative;
}
.listwrap .cont .link-targ:after{
	content:"";
	position: absolute;
	width: 16px;
	height: 6px;
	background:url("http://www.hailiang.com/static/web/css/../img/img2/i16.png") no-repeat center;
	background-size: 100%;
	top:0;
	bottom:0;
	right: 60px;
	margin: auto;
	transition:.5s ease-in-out;

}
.listwrap .cont .pbox{
	height: calc(100%);
	overflow-y:auto;
}
.listwrap .cont .link-targ:hover:after{
	transition:.5s ease-in-out;
	right: 50px;
}
.listwrap .cont{
	/*! margin: 0; */
	/*! padding: 16px 4.7%; */
	/*! width: 90.6%; */
}
.listwrap .f36{
	font-size: 24px;
	color: #035cac;
}
.listwrap .f36{
	/*! font-size: 18px; */
	/*! line-height: 24px; */
}
.listwrap .word{
	display: block;
	line-height: 25px;
	font-size: 15px;
	color:#333333;
}
.listwrap .word{
	margin-top: 7px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 20px;
}
.listwrap .f24{
	display: block;
	line-height: 30px;
	color: #333;
	font-size: 18px;
}
.listwrap .f24.blue{
	color: #035cac;
}
.listwrap .f24{
	font-size: 16px;
	line-height: 20px;
}
.listwrap .font{
	display: block;
}
.listwrap .font{
	font-size: 12px;
	line-height: 20px;
}
.listwrap .img{
	/*! display: none; */
	width: 50%;
	position: relative;
	height: 100%;
	overflow: hidden;
	transition: normal;
	margin-right: -1px;
	background: url("http://www.hailiang.com/static/web/css/../../img/loading.gif") no-repeat center;
}
.listwrap li.rank-li .cont{
	/*! width: 93%; */
}
.listwrap .img{
	/*! width: 93%; */
	/*! margin-right: 3.5%; */
	/*! margin-top: 30px; */
}
.listwrap .img .btnbox{
	bottom: 10px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 10;
}
.listwrap .img .btnbox span{
	background: url("http://www.hailiang.com/static/web/css/../img/ico_51.png") no-repeat left center;
    cursor: pointer;
    display: inline-block;
    height: 7px;
    margin-right: 8px;
    transition: normal 0s ease 0s;
    width: 15px;
}
.listwrap .img .btnbox span.on{
	background: url("http://www.hailiang.com/static/web/css/../img/ico_51.png") no-repeat right center;
    width: 25px;
}
.listwrap .img{
	/*! display: none; */
}
.listwrap .m-img{
	/*! display: none; */
	padding-bottom: 23px;
	position: relative;
	margin-bottom: 10px;
}
.listwrap .m-img .pagination{
	left: 0;
	bottom: 0;
    text-align: center;
    width: 100%;
    position: absolute;
}
.listwrap .m-img .pagination span{
	background: url("http://www.hailiang.com/static/web/css/../img/ico_51.png") no-repeat left center;
    border-radius: 0;
    height: 7px;
    margin-right: 8px;
    width: 15px;
    display: inline-block;
    float: none;
}
.listwrap .m-img .pagination span.swiper-pagination-bullet-active{
	background: url("http://www.hailiang.com/static/web/css/../img/ico_51.png") no-repeat right center;
    width: 25px;
}
.listwrap .m-img{
	width: 100%;
	height: auto;
	/*margin-top: 35px;*/
	overflow: inherit;
	display: block;
}
.listwrap img{
	display: block;
	height: auto;
}
.listwrap img.h-f{
	height: 100%;
}
.listwrap img{
	width: 100%;
}
.listwrap .upbox{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url("http://www.hailiang.com/static/web/css/../img/bg_09.png") repeat center;
	display: none;
	z-index: 10;
}
.listwrap .upbox{
	display: block;
	background: none;
	height: 56px;
    left: 4%;
    top: -54px;
}
.listwrap .upbox .ico{
	display: none;
	width: 22px;
	height: 15px;
	position: absolute;
	left: 9%;
	top: 0;
	z-index: 10;
	background: url("http://www.hailiang.com/static/web/css/../img/ico_83.png") no-repeat center;
}
.listwrap .upbox a{
	display: inline-block;
	padding-right: 88px;
	line-height: 44px;
	font-size: 24px;
	color: #fff;
	background: url("http://www.hailiang.com/static/web/css/../img/ico_55.png") no-repeat right center;
	background-size: 44px;
}
.listwrap .upbox a{
	font-size: 16px;
	padding-right: 40px;
	background: url("http://www.hailiang.com/static/web/css/../img/ico_122.png") no-repeat right center;
	background-size: auto 60%;
	color: #888;
}
.listwrap .box{
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	margin-top: -10px;
	text-align: center;
	transition: normal;
}
.listwrap .box{
	margin-top: -28px;
	text-align: left;

}
.listwrap .rightcont{
	width: 40%;
	background: url("http://www.hailiang.com/static/web/css/../img/bg_14.jpg") no-repeat right top;
	padding: 50px 6% 120px 4%;
	transiton: normal;
}

.listwrap .rightcont{
	padding: 10px 4.7% 20px;
	width: 90.6%;
}
.listwrap .rightcont .f36{
	color: #fff;
}
.listwrap .rightcont .word{
	color: #e4e4e4;
	margin-bottom: 0;
	transition: normal;
}



.iis-previous-nav,
.iis-next-nav {
	position: absolute;
	top: 50%;
	z-index: 20;
	display: block;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.5);
	border-radius: 50px;
	background-size: 48px 48px;
	cursor: pointer;
	opacity: 0;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	-webkit-transition: 0.3s ease-out;
	   -moz-transition: 0.3s ease-out;
		 -o-transition: 0.3s ease-out;
			transition: 0.3s ease-out;
}
.iis-previous-nav {
	left: 5%;
	background-position: 35% 50%;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBwb2ludHM9IjM1MiwxMTUuNCAzMzEuMyw5NiAxNjAsMjU2IDMzMS4zLDQxNiAzNTIsMzk2LjcgMjAxLjUsMjU2ICIvPgogPC9nPgo8L3N2Zz4=");
}
.iis-next-nav {
	right: 5%;
	background-position: 65% 50%;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBwb2ludHM9IjE2MCwxMTUuNCAxODAuNyw5NiAzNTIsMjU2IDE4MC43LDQxNiAxNjAsMzk2LjcgMzEwLjUsMjU2ICIvPgogPC9nPgo8L3N2Zz4=");
}
.ideal-image-slider:hover .iis-previous-nav,
.ideal-image-slider:hover .iis-next-nav { opacity: 0.5; }
.ideal-image-slider:hover .iis-previous-nav:hover,
.ideal-image-slider:hover .iis-next-nav:hover { opacity: 1.0; }

/* Bullet */
.iis-bullet-nav {position: absolute;bottom: 5%;left: 50%;z-index: 15;/* width: 14%; *//* text-align: center; *//* float: left; */margin: 0 0 0 -60px;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
.iis-has-captions .iis-bullet-nav { max-width: 42%; }
.iis-bullet-nav a {display: inline-block;width: 30px;height: 10px;background: #fff;text-indent: 9999px;margin: 0 10px 0 0;border-radius: 10px;cursor: pointer;float: left;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
.iis-bullet-nav a.iis-bullet-active,
.iis-bullet-nav a:hover {background: #007eff;}
.ideal-image-slider:hover .iis-bullet-nav { opacity: 0.7; }
.ideal-image-slider:hover .iis-bullet-nav:hover { opacity: 1.0; }
.ideal-image-slider {position: relative;overflow: hidden;}
.iis-slide {display: block;bottom: 0;text-decoration: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;text-indent: -9999px;}
.iis-effect-slide .iis-slide {
	opacity: 0;
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property: -moz-transform;
		 -o-transition-property: -o-transform;
			transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	   -moz-transition-timing-function: ease-out;
		 -o-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
	-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
			transform: translateX(0%);
}
.iis-effect-slide .iis-current-slide {opacity: 1;z-index: 1;}
.iis-effect-slide .iis-previous-slide {
	-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
			transform: translateX(-100%);
}
.iis-effect-slide .iis-next-slide {
	-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
			transform: translateX(100%);
}
.iis-effect-slide.iis-direction-next .iis-previous-slide,
.iis-effect-slide.iis-direction-previous .iis-next-slide { opacity: 1; }